<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>AdminLTE | checkView</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
		<link href="../css/main.css" rel="stylesheet" type="text/css" />
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		ul li{
    			list-style: none;
    			margin-top: 10px;
    		}
    		.pull{
    			margin-bottom: 10px;
    		}
    		.pull-left{
    			border-left: 6px solid #3882FF;
    			padding: 0 5px;
    		}
    		.rect{ 
    			margin-right: 10px; 
    			width: 7px; 
    			height: 20px; 
    			display: inline-block;
    			background: #3882ff;
    		}
    		.custormView{
    			margin-top: 10px;
    		}
    		.custormLabel{
    			border: 1px solid black;
    			padding: 2px 5px;
    		}
    	
    		.productInformation .style{
    			border: 1px solid black;
    			float: left;
    			padding: 2px 5px;
    			margin-right: 5px;
    		}
    		
    		.design div:nth-child(2){
    			color: red;
    		}
    		.style-image{
    			display: inline-block;
    			padding: 30px;
    			border: 1px solid black;
    			float: left;
    		}
    		.style-number{
    			margin-left: 10px;
    			margin-top: 20px;
    			float: left; 		
    		}
    		.lit{
    			display: flex;
    			justify-content: space-between;
    		}
    		.lit div:nth-child(1){
    			margin-right: 30%;
    		}
    		.custorm-view{
    			border: none;
    		}
    	</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../../header.html"/>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../../menu.html"/>
            <!--right-side-->
            <aside class="right-side">
            	<section class="content-header">
                    <h1>客户详情
                    	<!-- <small><a href="#">返回</a></small> -->
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="doCustomerList">客户管理</a></li>
                        <li><a href="#">客户详情</a></li>
                    </ol>
               </section>
                <!-- Content Header (Page header) -->
                <section class="content">
                    <div class="row">
                    	<div class="col-md-12">
                            <div class="box" style="padding: 20px;">
			                    <div class="pull">
			                    	<div class="pull-left">
				                    	客户信息
				                    </div>
				                    <div class="pull-right" style="margin-bottom: 10px;">
			                    		<span style="margin-right: 5px;">
			                    			<span class="" style="margin: 0; font-size: 15px; height: auto; border: none; background: white;">
		                                        	最近编辑：${(customer.updateAt?string('yyyy/MM/dd HH:mm'))!customer.createAt?string('yyyy/MM/dd HH:mm')}
		                                   	</span>
			                    		</span>
			                    		<button type="button" class="btn btn-primary btn-sm">创建订单</button>
			                    		<button type="button" class="btn btn-default btn-sm">编辑</button>
			                    		<button type="button" class="btn btn-default btn-sm">删除</button>
				                    </div>
			                    </div>
			                    <div class="custormView">
			                    	<table class="table table-bordered" >
				                    	<tr>
				                    		<td>
				                    			<ul>
				                    				<li>客户编号</li>
				                    				<li>客户名称</li>
				                    				<li>客户分类</li>
				                    				<li>网址</li>
				                    				<li>客户标签</li>
				                    				<li>备注</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>${(customer.code)!}</li>
				                    				<li>${(customer.fullname)!}</li>
				                    				<li>${(customer.category)!}</li>
				                    				<li>${(customer.web)!" "}</li>
				                    				<li>
				                    					<#if customer.label?size!=0>
					                    					<#list customer.label as label>
					                    						<span class="custormLabel">${label}</span>
					                    					</#list>
				                    					</#if>
				                    				</li>
				                    				<li>${(customer.memo)!}</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>客户等级</li>
				                    				<li>客户简称</li>
				                    				<li>公司地址</li>
				                    				<li>收件地址</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>
					                    				<#if customer.level=="V1">
					                    					<i class="iconfont">&#xe6eb;</i>
					                    				<#elseif customer.level=="V2">
					                    					<i class="iconfont">&#xe6eb;</i>
					                    				<#else>
					                    					<i class="iconfont">&#xe6eb;</i>
					                    				</#if>
					                    			</li>
				                    				<li>${(customer.abbreviation)!""}</li>
				                    				<li>${(customer.province)+(customer.city)+(customer.area)+(customer.detailAddress)!}</li>
				                    				<li>${(customer.deliveryAddress)!}</li>
				                    			</ul>
				                    		</td>
				                    	</tr>
				                    	<#list customer.contacts as contact>
				                    	<tr>
				                    		<td>
				                    			<ul>
				                    				<li>联系人姓名</li>
				                    				<li>邮箱</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>${(contact.linkman)!}</li>
				                    				<li>${(contact.email)!}</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>联系方式</li>
				                    				<li>职位/部门</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>${(contact.contact)!}</li>
				                    				<li>${(contact.deptPosition)!}</li>
				                    			</ul>
				                    		</td>
				                    	</tr>
				                    	</#list>
				                    </table>
			                    </div>
			                    <div class="pull pull-left">产品信息</div>
			                    <div class="productInformation">
			                    	<table class="table table-bordered" >
				                    	<tr>
				                    		<td>
				                    			<ul>
				                    				<li>产品品类</li>
				                    				<li>图片附件</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<#if customer.productCategory?size!=0>
				                    				<#list customer.productCategory as productCategory>
				                    				<li>${productCategory}</li> 
				                    				</#list>
				                    				<#else>
				                    				<li>/</li>
				                    				</#if>
				                    				<#if customer.attachment?size!=0>
				                    				<#list customer.attachment as attach>
				                    				<li><a href="downFile?filename=${attach}">点击下载</a></li>
				                    				</#list>
				                    				<#else>
				                    				<li>/</li>
				                    				</#if>
				                    			</ul>
				                    		</td>
				                    		<td>风格标签</td>
				                    		<td class="product-style">
				                    			<#if customer.styleLabel?size!=0>
				                    			<#list customer.styleLabel as styleLabel>
				                    			<div class="style">${styleLabel}</div>
				                    			</#list>
				                    			</#if>
				                    			<div class="clear" style="clear: both;"></div>
				                    		</td>
				                    	</tr>
				                    </table>
			                    </div>
			                    <div class="pull pull-left">
				                                        销售信息
			                    </div>
			                    <div class="saleInformation">
			                    	<table class="table table-bordered" >
				                    	<tr>
				                    		<td>
				                    			<ul>
				                    				<li>目标人群</li>
				                    				<li>销售价格</li>
				                    				<li>上新频率</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>${(customer.targetConsumer)!}</li>
				                    				<li></li>
				                    				<li>${(customer.updateFrequency)!}</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<ul>
				                    				<li>销售渠道</li>
				                    				<li>预计年销售额</li>
				                    				<li>上新数量</li>
				                    			</ul>
				                    		</td>
				                    		<td>
				                    			<div>${(customer.saleChannel)!"/"}</div>
				                    			<div>${(customer.saleAmount)!}</div>
				                    			<div>${(customer.updateCount)!}</div>
				                    		</td>
				                    	</tr>
				                    </table>
			                    </div>
			                    <div class="pull pull-left">订单</div>
			                    <br />
			                    <div>
			                    	<div class="col-lg-4" style="float: none; padding-left: 0;">
			                    		<table class="table table-bordered" >
				                    		<tr>
				                    			<td>全部</td>
				                    			<td>设计（1）</td>
				                    			<td>打样（1）</td>
				                    			<td>大货（0）</td>
				                    		</tr>
				                    	</table>
			                    	</div>
			                    	
			                    	<table class="table table-bordered">
				                    	<tr>
				                    		<td>
				                    			<div class="lit">
			                    					<div>信息</div>
				                    				<div>数量</div>
					                    			<div>设计师/工厂</div>
					                    			<div>状态</div>
					                    			<div>操作</div>
				                    			</div>
				                    		</td>
				                    	</tr>
				                    </table>
				                    <table class="table table-bordered">
				                    	<tr>
				                    		<td colspan="5">
				                    			<div class="pull">
				                    				<span class="pull-left" style="border: none;">
					                    				<button type="button" class="btn btn-success btn-sm">设计</button>
					                    				<span>2016/10/12</span>
					                    				<span>订单号：357647893276</span>
					                    			</span>
					                    			<span class="pull-right">超期3天</span>
				                    			</div>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td style="width: 45%;">
				                    			<div class="style-content">
				                    				<span class="style-image">
					                    				<img src="" alt="款式图1"/>
					                    			</span>
					                    			<span class="style-number">
					                    				<div>设计编号：205058205820</div>
					                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
					                    			</span>
					                    			<div class="clear" style="clear: both;"></div>
				                    			</div>
				                    		</td>
				                    		<td style="width: 10%;">5</td>
				                    		<td style="width: 25%;">阿华</td>
				                    		<td>待审核</td>
				                    		<td>
				                    			<ul>
				                    				<li>
				                    					<button type="button" class="btn btn-primary">审核通过</button>
				                    				</li>
				                    				<li>查看详情</li>
				                    			</ul>
				                    		</td>
				                    	</tr>
				                    </table>
				                    <table class="table table-bordered">
				                    	<tr>
				                    		<td colspan="5">
				                    			<div class="pull">
				                    				<span class="pull-left" style="border: none;"> 
					                    				<button type="button" class="btn btn-warning btn-sm">打样</button>
					                    				<span>2016/10/12</span>
					                    				<span>订单号：167647893276</span>
					                    			</span>
					                    			<span class="pull-right">
					                    				<span>打样总数：2</span>
					                    				<span>客户交期：还有10天</span>
					                    			</span>
				                    			</div>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td>
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td colspan="5">子订单编号：167647893276</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 45%;">
							                    			<div class="pull">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td style="width: 10%;">1</td>
							                    		<td style="width: 25%;">武汉纺织厂</td>
							                    		<td>打样中</td>
							                    		<td>
							                    			<button type="button" class="btn btn-primary">批版通过</button>
							                    		</td>
				                    				</tr>
				                    			</table>
				                    			
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td colspan="5">子订单编号：167647893276</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 45%;">
							                    			<div class="pull">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td style="width: 10%;">1</td>
							                    		<td style="width: 25%;">武汉纺织厂</td>
							                    		<td>待审核</td>
							                    		<td>
							                    			<button type="button" class="btn btn-primary">批版通过</button>
							                    		</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    </table>
				                    <table class="table table-bordered">
				                    	<tr>
				                    		<td colspan="5">
				                    			<div class="pull">
				                    				<div class="pull-left" style="border: none;">
					                    				<button type="button" class="btn btn-primary btn-sm">大货</button>
					                    				<span>2016/10/12</span>
					                    				<span>订单号：167647893276</span>
					                    			</div>
					                    			<div class="pull-right">
					                    				<span>大货总数：2</span>
					                    				<span>客户交期：还有10天</span>
					                    			</div>
				                    			</div>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td>
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td colspan="5">子订单编号：167647893276</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 45%;">
							                    			<div class="pull">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td style="width: 10%;">1000</td>
							                    		<td style="width: 25%;">武汉纺织厂</td>
							                    		<td>待发货</td>
							                    		<td>
							                    			<button type="button" class="btn btn-primary">填写装箱单</button>
							                    		</td>
				                    				</tr>
				                    			</table>
				                    			
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td colspan="5">子订单编号：167647893276</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 45%;">
							                    			<div class="pull">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td style="width: 10%;">1000</td>
							                    		<td style="width: 25%;">武汉纺织厂</td>
							                    		<td>待发货</td>
							                    		<td>
							                    			<button type="button" class="btn btn-primary">确定到货</button>
							                    		</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		
				                    		
				                    	</tr>
				                    </table>
			                    </div>
			                    <div class="box-footer clearfix">
			                    <ul class="pagination pagination-sm no-margin pull-right">
			                        <li><a href="#">&laquo;</a></li>
			                        <li><a href="#">1</a></li>
			                        <li><a href="#">2</a></li>
			                        <li><a href="#">3</a></li>
			                        <li><a href="#">&raquo;</a></li>
			                    </ul>
			                </div>
                            </div><!-- /.box -->

                            
                        </div><!-- /.col -->
                        
                    </div><!-- /.row -->
                    
                </section>

                <!-- Main content -->
                <section class="content">
					
				
                </section><!-- /.content -->
                
                
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="../js/customer/customer.js" type="text/javascript"></script>
    </body>
</html>